<!DOCTYPE>
<html>

<head>
    <meta charset="utf-8">
    <title>金庸小说门派</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/book_data.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/js.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <h1>金庸小说网</h1>
        <div class="search_box">
            <form action="" method="post">
                <input type="text" class="search_input" name="" placeholder="请输入您要搜索的书名">
                <button type="submit" class="search_btn">
				<img src="images/search.png" />
			</button>
            </form>

        </div>
        <ul>
            <li><a href="javascript:void()" id="bookshelf">我的书架</a></li>
            <li>
                <a href="javascript:void()">登录</a> &nbsp;|&nbsp;
                <a href="javascript:void()">注册</a>
            </li>
        </ul>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
        <div class="nav_b">
            <ul id="one">
                <li><a href="index.html" class="nav_visit">首页</a></li>
                <li><a href="news.html" style="padding:0 0 0 20px;">文章资讯<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="news.html">金庸相关</a></li>
                        <li><a href="javascript:void()">角色评点</a></li>
                        <li><a href="javascript:void()">金书赏析</a></li>
                    </ul>
                </li>
                <li><a href="books.html" style="padding:0 0 0 20px;">金庸小说阅读<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="book_reader.html" style="padding: 0 28px;">倚天屠龙记</a></li>
                        <li><a href="javascript:void()" style="padding: 0 36px;">神雕侠侣</a></li>
                        <li><a href="javascript:void()" style="padding: 0 28px;">射雕英雄传</a></li>
                    </ul>
                </li>

                <li>
                    <a href="javascript:void()" style="padding:0 0 0 20px;">金庸小说数据<i class="nav-ico"></i></a>
                    <ul id="two">
                        <li><a href="book_actor.html" style="padding: 0 52px;">人物</a></li>
                        <li><a href="book_gongfu.html" style="padding: 0 52px;">武功</a></li>
                        <li><a href="book_menpai.html" style="padding: 0 52px;">门派</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <div class="location">
        <!-- 面包屑导航 -->
        <div class="crumb_wrap">
            <span>当前位置：&nbsp;</span>
            <a href="index.html">首页</a>&nbsp;&gt;&nbsp;
            <span>金庸小说数据&nbsp;&gt;&nbsp;</span>
            <span>门派</span>
        </div>
    </div>

    <div class="book_data clearfix">
        <ul class="left">
            <li class="one">鹿鼎记</li>
            <li>笑傲江湖</li>
            <li>神雕侠侣</li>
            <li>倚天屠龙记</li>
            <li>天龙八部</li>
            <li>书剑恩仇录</li>
            <li>碧血剑</li>
            <li>雪山飞狐</li>
        </ul>
        <ul class="right">
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
            <li><img src="images/pai.jpg" alt="天地会">天地会</li>
        </ul>
    </div>
</body>

</html>